import React, {Component} from 'react';
import '../assets/stylus/no_access.styl';
import tipLogo from '../assets/img/img_no_access.svg';
//import * as PIXI from 'pixi.js';
import PropTypes from 'prop-types';

class NoAccess extends Component{
    constructor (props) {
        super(props);
        this.props = props;
        this.state = {
            time: 10
        };
    }

    static contextTypes = {
        router: PropTypes.object.isRequired
    }

    componentDidMount () {
       // const App = new PIXI.Application()
    }

    goBack () {
        this.context.router.history.push('/home');
    }

    render () {
        const InfoDom = (
            <div className="infoWrap">
                <div className="access-box">
                    <div className="access-logo"><img src={tipLogo} /></div>
                    <div className="access-context">您暂时没有菜单权限，请联系管理员添加!</div>
                </div>
                <canvas className="login-bg" id="canvas"></canvas>
            </div>
        );
        return InfoDom;
    }
}

export default NoAccess;